import { StyleSheet } from 'react-native';
import { phonePx } from '../../util/adapt';
import { APP_RED, APP_BLACK, APP_GRAY } from '../../constant/color';

export default StyleSheet.create({
  container: {
    justifyContent: 'space-between',
    alignItems: 'center',
    width: phonePx(270),
    height: phonePx(362),
    paddingHorizontal: phonePx(45)
  },
  loadDesc: {
    alignItems: 'center'
  },
  title: {
    fontSize: phonePx(14),
    color: APP_BLACK,
    fontWeight: '700',
    lineHeight: phonePx(21),
    marginTop: phonePx(100)
  },
  emptyTitle: {
    marginTop: phonePx(96)
  },
  desc: {
    marginTop: phonePx(14),
    fontSize: phonePx(12),
    color: APP_BLACK,
    lineHeight: phonePx(18)
  },
  loadButtons: {
    marginBottom: phonePx(25)
  },
  sure: {
    justifyContent: 'center',
    alignItems: 'center',
    width: phonePx(180),
    height: phonePx(40),
    backgroundColor: APP_RED,
    borderRadius: phonePx(4)
  },
  sureDesc: {
    fontSize: phonePx(14),
    color: '#fff',
    fontWeight: '500'
  },
  cancel: {
    justifyContent: 'center',
    alignItems: 'center',
    width: phonePx(180),
    height: phonePx(40),
    marginTop: phonePx(5)
  },
  cancelDesc: {
    fontSize: phonePx(12),
    color: APP_GRAY
  }
});
